<!--
 * @Author: Mr.Cong Wei
 * @Date: 2022-03-29 10:56:00
 * @LastEditTime: 2024-03-18 13:28:22
-->
<template>
  <a-config-provider>
    <router-view />
  </a-config-provider>
</template>

<script lang="ts">
import { onMounted } from 'vue'
import { getUCConfig } from 'uc-npm'
export default {
  name: 'App',
  setup() {
    onMounted(() => {
      document.title = getUCConfig().text.title
    })
  }
}
</script>

<style lang="scss">
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
  overflow-y: hidden;
}
#app {
  height: 100%;
  // 全局可点击蓝色
  // 全局鼠标 hover
  .cursor-pointer:hover {
    color: #fff;
    background-color: #006ab2;
  }
  .ant-btn-primary {
    background: #006ab2;
    border-color: #006ab2;
  }
  .ant-btn-background-ghost.ant-btn-primary {
    color: #006ab2;
  }
  .ant-btn.ant-btn-background-ghost,
  .ant-btn.ant-btn-background-ghost:hover,
  .ant-btn.ant-btn-background-ghost:active,
  .ant-btn.ant-btn-background-ghost:focus {
    background: transparent;
  }
  .form {
    .form-title {
      margin-left: 10px;
      position: relative;
      font-size: 14px;
      color: #bd9e55;
    }
    .form-title::after {
      position: absolute;
      left: 0;
      bottom: 2px;
      content: '';
      width: 201px;
      height: 1px;
      background: #bd9e55;
    }
    :deep(.ant-input) {
      border-radius: 4px;
    }
    :deep(.ant-form-item) {
      margin-left: 20px;
    }
  }
  .submitButton {
    color: #ffffff !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    text-align: center !important;
    background-color: #1e98d7 !important;
    border-radius: 5px !important;
    width: 140px !important;
    height: 40px !important;
    margin: 0 2.5rem !important;
    border: none !important;
  }
  .returnButton {
    color: #1777b9 !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    text-align: center !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    width: 140px !important;
    height: 40px !important;
    margin: 0 2.5rem !important;
    border: 1px solid #1777b9 !important;
  }
  .adoptButton {
    color: #ffffff !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    text-align: center !important;
    background-color: rgba(0, 106, 178, 1) !important;
    border-radius: 5px !important;
    width: 140px !important;
    height: 40px !important;
    margin: 0 2.5rem !important;
    border: none !important;
  }
  .rejectButton {
    color: #ffffff !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    text-align: center !important;
    background-color: rgba(32, 150, 236, 1) !important;
    border-radius: 5px !important;
    width: 140px !important;
    height: 40px !important;
    margin: 0 2.5rem !important;
    border: none !important;
  }
  .spin {
    position: fixed;
    top: 50%;
    left: 55%;
  }
}
</style>
